<!--
 * @Description: 表单
 * @Author: rendc
 * @Date: 2025-04-25 11:04:31
 * @LastEditors: rendc
 * @LastEditTime: 2025-04-25 11:37:33
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表单</title>
  <link rel="stylesheet" type="text/css" href="2-CSS\main.css"/>
</head>
<body>
  <form action="" method="get" class="form-example">
    <div class="form-example">
      <label for="name">姓名</label>
      <input type="text" name="name" id="name" required value="李四" />
    </div>
    <div class="form-example">
      <label for="email">邮箱</label>
      <input type="email" name="email" id="email" required value="123456@qq.com"/>
    </div>
    <div class="form-example">
      <label for="gender">性别</label>
      <input type="radio" name="gender" id="gender1" value="1" />男
      <input type="radio" name="gender" id="gender2" value="0" checked />女
    </div>
    <div class="form-example">
      <label for="likes">爱好</label>
      <input type="checkbox" name="likes" id="likes1" value="⚽️" />⚽️
      <input type="checkbox" name="likes" id="likes2" value="🏀"  />🏀
      <input type="checkbox" name="likes" id="likes3" value="🏓"  />🏓
    </div>
    <div class="form-example">
      <input type="hidden" name="regTime" id="regTime" value="2025年04月25日11:31:28" />
    </div>
    <select name="city">
      <optgroup  label="地区">
      <option value="bj">北京</option>
      <option value="sh">上海</option>
      <option value="gz">广州</option>
      </optgroup>
    </select>
    <div class="form-example">
      <input type="reset" value="重置">
      <input type="submit" value="提交!" />
    </div>
  </form>
</body>
</html>